.wrapper-dropdown {
	/* Size and position */
	position: relative;
	width: 150px;
	/* Styles */
	background: #fff;
	border-radius: 2px;
	border: 1px solid #DDE2E8;
	cursor: pointer;
	outline: none;
	/* Font settings */
	font-size: 14px;
	color: #293238;
	height:30px;
	line-height:30px;
	padding: 0 7px;
}
#grade_select{
    color: #FFC800;
}
.dropStyle li{
	color: #FFC800 !important;
	font-size:20px; 
}

.wrapper-dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
	border-width: 6px 6px 0 6px;
	border-style: solid;
	border-color: #4C4E54 transparent;
}

.wrapper-dropdown .dropdown {
	/* Size & position */
	z-index:1;
	position: absolute;
	top: 130%;
	left: 0;
	right: 0;
	/* Styles */
	background: white;
	border-radius: inherit;
	border: 1px solid rgba(0, 0, 0, 0.17);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	font-weight: normal;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	list-style: none;
	/* Hiding */
	opacity: 0;
	pointer-events: none;
}
#right_select ul{
	z-index:2;
}
#department_select ul{
	z-index:3;
}

.wrapper-dropdown .dropdown:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 15px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent;
}

.wrapper-dropdown .dropdown:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1) transparent;
}

.wrapper-dropdown .dropdown li {
	padding: 0 7px;
	text-decoration: none;
	color: #4C4E54;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.wrapper-dropdown .dropdown li:first-of-type  {
	border-radius: 2px 2px 0 0;
}

.wrapper-dropdown .dropdown li:last-of-type  {
	border: none;
	border-radius: 0 0 2px 2px;
}
/* Hover state */

.wrapper-dropdown .dropdown li:hover  {
	background: #FFD600;
	color:#4C4E54 !important;
}
/* Active state */

.wrapper-dropdown.active .dropdown {
	opacity: 1;
	pointer-events: auto;
}
/* No CSS3 support */

.no-opacity .wrapper-dropdown .dropdown,
.no-pointerevents .wrapper-dropdown .dropdown {
	display: none;
	opacity: 1;
	/* If opacity support but no pointer-events support */
	pointer-events: auto;
	/* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown.active .dropdown,
.no-pointerevents .wrapper-dropdown.active .dropdown {
	display: block;
}